<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="320" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="full-screen" content="yes" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <meta
      id="viewport"
      name="viewport"
      content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;"
    />
    <link rel="stylesheet" href="../css/all.css" />
    <link rel="stylesheet" href="../css/tb_home.css" />
    <title>首页</title>
  </head>
  <body>
    <div class="tabbar_bg">
      <div class="tabbar_home">
        <div class="head_bg">
          <div class="head_portrait">
            <img src="../img/tabbar/tabbar_home/ckin.jpg" />
          </div>
        </div>
        <div style="height: 40px; width: 100%"></div>
        <div class="head_txt">我的名字</div>
        <!-- 公告 -->
        <div class="module">
          <div class="md_title">
            <div class="img">
              <img src="../img/tabbar/tabbar_home/notice_title.png" />
            </div>
            <div class="txt">平台公告</div>
          </div>
          <div class="notice">
            现注册并账号审核通过的用户可联系客服领取不低于2元
          </div>
        </div>
        <!-- 接取单数 -->
        <div class="module">
          <div class="md_title">
            <div class="img">
              <img src="../img/tabbar/tabbar_home/order_total.png" />
            </div>
            <div class="txt">接取单数</div>
          </div>
          <div class="hr"></div>
          <div class="cell">
            <a href="##">
              <div class="left">今日接取单数</div>
              <div class="right color1">36</div>
            </a>
          </div>
        </div>
        <!-- 接取单数 -->
        <div class="module">
          <div class="md_title">
            <div class="img">
              <img src="../img/tabbar/tabbar_home/order_total1.png" />
            </div>
            <div class="txt">待操作订单</div>
          </div>
          <div class="hr"></div>
          <div class="cell">
            <a href="##">
              <div class="left">待操作订单</div>
              <div class="right color2">0</div>
            </a>
          </div>
          <div class="cell">
            <a href="##">
              <div class="left">订单待付款</div>
              <div class="right color2">2</div>
            </a>
          </div>
          <div class="cell">
            <a href="##">
              <div class="left">待收货评价</div>
              <div class="right color2">5</div>
            </a>
          </div>
          <div class="cell">
            <a href="##">
              <div class="left">待追加评价</div>
              <div class="right color2">10</div>
            </a>
          </div>
        </div>
        <!-- 接取单数 -->
        <div class="module">
          <div class="md_title">
            <div class="img">
              <img src="../img/tabbar/tabbar_home/order_total2.png" />
            </div>
            <div class="txt">待商家审核订单</div>
          </div>
          <div class="hr"></div>
          <div class="cell">
            <a href="##">
              <div class="left">待确认订单</div>
              <div class="right color3">0</div>
            </a>
          </div>
          <div class="cell">
            <a href="##">
              <div class="left">待确认评价</div>
              <div class="right color3">2</div>
            </a>
          </div>
          <div class="cell">
            <a href="##">
              <div class="left">待确认追加评价</div>
              <div class="right color3">5</div>
            </a>
          </div>
          <div class="cell">
            <a href="##">
              <div class="left">冻结的订单</div>
              <div class="right color3">10</div>
            </a>
          </div>
        </div>
      </div>
      <div class="tabbar-hr"></div>
    </div>
    <div class="tabbar">
      <div class="tabbar_item">
        <a href="##">
          <div class="img">
            <img src="../img/tabbar/tabbar_1.png" />
          </div>
          <div class="txt">首页</div>
        </a>
      </div>
      <div class="tabbar_item">
        <a href="./tabbar_task.html">
          <div class="img">
            <img src="../img/tabbar/tabbar_2.png" />
          </div>
          <div class="txt">任务</div>
        </a>
      </div>
      <div class="tabbar_item">
        <a href="./tabbar_search.html">
          <div class="img">
            <img src="../img/tabbar/tabbar_3.png" />
          </div>
          <div class="txt">订单</div>
        </a>
      </div>
      <div class="tabbar_item">
        <a href="./tabbar_my.html">
          <div class="img">
            <img src="../img/tabbar/tabbar_4.png" />
          </div>
          <div class="txt">我的</div>
        </a>
      </div>
    </div>
  </body>
</html>
